Component({
    properties: {
        linkList: {
            type: Array,
            value: []
        },
        linkInfo: {
            type: Object,
            value: {}
        }
    },
    data: {
        selfLinkList: []
    },
    observers: {
        'linkInfo': function (linkInfo) {
            if (linkInfo) {
                this.setData({selfLinkList: linkInfo.linkList})
            }
        },
        'linkList': function (linkList) {
            this.setData({selfLinkList: linkList})
        }
    },
    ready() {
        console.log(this.data.linkList)
        console.log(this.data.linkInfo)
      this.setData({selfLinkList: this.data.linkList})
    },
    methods: {
        checkLink(e) {
            const index = e.currentTarget.dataset.index
            const linkList = this.data.linkList
            linkList[index].checked = !linkList[index].checked
            this.setData({linkList})
        },
        onChangeQuantity(e) {
            const index = e.currentTarget.dataset.index
            const linkList = this.data.linkList
            linkList[index].quantity = e.detail
            this.setData({linkList})
        },
        confirmLink() {
            const linkList = this.data.linkList
            const result = linkList.filter(o => o.quantity > 0).map(item => {
                return `${item.id}-${item.quantity}`
            }).join(',')
            this.triggerEvent('confirmLink', result)
        }
    }
});
